<template>
<div class="b-box">
    <div class="b-box-top">
        <img src="https://www.scvtc.edu.cn/images/tit-icon5.png" style="height: 32px;width:32px;margin-right:10px">专栏专题
    </div>
    <div class="b-box-buttom">
        <a :href="item.hr" v-for="item in piclist">
        <img :src="item.src" style="margin: 5px;"></a>
    </div>

</div>

</template>
<script setup lang="ts">
const piclist=[
    {
        src:'https://www.scvtc.edu.cn/images/mmexport1683611575198.jpg',
        hr:'https://www.scvtc.edu.cn/index/ztzl/zjhdz.htm'
    },{
        src:'https://www.scvtc.edu.cn/images/wlaq.jpg',
        hr:'https://www.scvtc.edu.cn/index/ztzl/wlaqxcz.htm'
    },{
        src:'https://www.scvtc.edu.cn/images/dangdaihui.png',
        hr:'https://xcb.scvtc.edu.cn/CPC.htm'
    },{
        src:'https://www.scvtc.edu.cn/images/gxlz.jpg',
        hr:'http://gxlz.scedu.net/'
    },{
        src:'https://www.scvtc.edu.cn/images/dsjy2021.jpg',
        hr:'http://bwcx.scvtc.edu.cn/'
    },{
        src:'https://www.scvtc.edu.cn/images/zdzs.png',
        hr:'https://ddzs.scvtc.edu.cn/'
    },

];
</script>

<style scoped lang="scss">
.b-box{
    height: 300px;
    width: 80%;
    margin-left: 10%;
    display: flex;
    flex-direction: column;
    margin-top: -50px;
    margin-bottom: -60px;
    .b-box-top{
        display: flex;
        height: 100px;
        width: 100%;
         align-items: center;
         justify-content: center;
        font-size: 30px;
        font-weight: bolder;
    }
    .b-box-buttom{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
</style>